import React, { useEffect, useState } from 'react'
export default function App() {
  const [count, setCount] = useState(1)
  const [age, setAge] = useState(18)
  // 接收一个函数
  useEffect(() => {
    // 执行时机：初始化时和状态变化的时候执行
    // !问题：所有状态变化都会触发这里的执行
    // !目标：期望只是 count 变化才走这里
    console.log('执行了 useEffect')
    document.title = count
  }, [count]) // 第二个参数称为依赖项，只有依赖的 count 变化的时候才走回调
  return (
    <div>
      <h3>count: {count}</h3>
      <h3>age: {age}</h3>
      <button onClick={() => setCount(count + 1)}>+1</button>
      <button onClick={() => setAge(age + 1)}>+1</button>
    </div>
  )
}
